<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="container">
        <div class="head">
            <div class="headMain">
                <div class="juejin">
                    <img src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/e08da34488b114bd4c665ba2fa520a31.svg" alt="">
                </div>
                <div class="headLeft">
                    <a href="" class="shouye">首页</a>
                    <a href="" class="feidian">沸点</a>
                    <a href="" class="kecheng">课程</a>
                    <a href="" class="zhibo">直播</a>
                    <a href="" class="huodong">活动</a>
                    <a href="" class="jingsai">竞赛</a>
                    <a href="" class="shangcheng">商城</a>
                    <a href="" class="app">app</a>
                    <a href="" class="chajian">插件</a>
                </div>
                <div class="search">
                    <input type="text">
                </div>
                <div class="headRight"></div>
            </div>
        </div>
        <div class="mainWindow">
            <div class="top"></div>
            <div class="bottom"></div>
        </div>
        <div class="leftWindow">
            <a href="">关注</a>
            <a href="">综合</a>
            <a href="">后端</a>
            <a href="">前端</a>
            <a href="">android</a>
            <a href="">ios</a>
            <a href="">人工智能</a>
            <a href="">开发工具</a>
            <a href="">代码人生</a>
            <a href="">阅读</a>
        </div>
        <div class="rightWindow"></div>
    </div>
</body>
</html>